/*------------------------------------*\

    @Triangle

\*------------------------------------*/


.triangle-top {
	.triangle(5px, #999 transparent transparent transparent);
}

.triangle-right {
	.triangle(5px, transparent #999 transparent transparent);
}

.triangle-bottom {
	.triangle(5px, transparent transparent #999 transparent);
}

.triangle-left {
	.triangle(5px, transparent transparent transparent #999);
}

.triangle {
	.triangle(5px, transparent)
}

.triangle-sm {
	border-width: 4px;
}

.triangle-lg {
	border-width: 10px;
}